<template>
  <div class="study">
    <!-- <div class="page-title">好好学习</div> -->
    <ul>
      <li v-for="(item, index) in webList" :key="index">
        <a target="_blank" :href="item.address">
          <div>{{ item.name }}</div> 
          <div class="description">{{item.description }}</div>
        </a>
      </li>
      <li>
        <router-link to="/loadmd/demo"
          ><div class="readme">demo</div></router-link
        >
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "study",
  data() {
    return {
      webList: [
        {
          name: "w3school",
          description: "前端必备",
          address: "https://www.w3school.com.cn/",
        },
        {
          name: "菜鸟教程",
          description: "学习笔记 记录点滴",
          address: "http://www.runoob.com/",
        },

        {
          name: "JSRUN",
          description: "jsrun在线编辑器、支持多重语言在线编辑。代码库",
          address: "https://jsrun.net",
        },
        {
          name: "node.js",
          description: "nodejs中文网",
          address: "http://nodejs.cn",
        },
        {
          name: "React Native",
          description: "React Native中文网",
          address: "https://reactnative.cn",
        },
        {
          name: "uni-app",
          description: "小程序开发框架",
          address: "https://uniapp.dcloud.io/",
        },
        {
          name: "Apache ECharts",
          description: "一个基于 JavaScript 的开源可视化图表库",
          address: "https://echarts.apache.org/zh/index.html",
        }
      ],
    };
  },
};
</script>

<style scoped>
</style>
